<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
		<meta name="mobileOptimized" content="240" />
		<meta name="format-detection" content="telephone=no" />
<title>Insert title here</title>
<style type="text/css">
	li{
		height: 30px;
	}
</style>
</head>
<body>

<ul>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li><input type="text" id="input" value=""> </li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
	<li>滚动滚动</li>
</ul>
	<script type="text/javascript" src="js/debugToPanel.js"></script>
<script type="text/javascript">

var setTime;
var isStartScroll = true;
window.addEventListener("scroll", scrollHander, true);
//滚动中
function scrollHander(){
	if(isStartScroll){
		scrollStart();
		isStartScroll = false;
	}
	scroll();
	document.getElementById("input").value+="1";
	if(setTime){
		clearTimeout(setTime);
	}
	setTime = setTimeout(scrollEnd, 300);
}

//滚动中
function scroll(){
	//you code
	
}

//滚动开始
function scrollStart(){
	//you code
	
}
//滚动结束
function scrollEnd(){
	//you code
	isStartScroll = true;
}
</script>
</body>
</html>